<template>
  <div>
    <h3 class="el-icon-chat-line-square">未读邮件</h3>

    <el-table :data="tableData" style="width: 100%" @row-click="tableRowBtn">
      <!-- <el-table-column  label="编号" > -->

      <el-table-column prop="date" label="时间"></el-table-column>

      <el-table-column prop="username" label="主题"></el-table-column>
    </el-table>

    <el-dialog
      :title="title"
      :visible.sync="dialogVisible"
      width="80%"
      class="dialogUi"
      :show-close="false"
      v-loading="loading"
    >
      <div v-html="proj_content"></div>

      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>

        <el-button type="primary" @click="dialogVisible = false"
          >确 定</el-button
        >
      </span>
    </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loading: false,
      tableData: [],
      proj_content: "",
      dialogVisible: false,
      text: "",
    };
  },
  created() {},
  methods: {
    tableRowBtn(ww) {
      console.log(ww.name);
      this.dialogVisible = true;
      this.title = ww.name;
      this.proj_content = ww.context;
    },
    addGoods() {
      this.$axios.post("/goods/addGoods", this.data).then((res) => {
        if (res.status) {
          console.log(64, res);
        }
      });
    },
  },
};
</script>
<style>
.dialogUi {
  border-radius: 25px;
}
</style>
